export const basicComponents = [
	{
		name: '单行文本框',
		type: 'input',
		key: '',
		id: '',

		icon: 'icon-input',
		options: {
			width: '100%',
			defaultValue: '',
			required: false,
			dataType: 'string',
			pattern: '',
			placeholder: '',
			disabled: false,
		}
	},
	{
		name: '多行文本框',
		type: 'textarea',
		icon: 'icon-diy-com-textarea',
		options: {
			width: '100%',
			defaultValue: '',
			required: false,
			disabled: false,
			pattern: '',
			placeholder: ''
		}
	},
	{
		name: '数字',
		type: 'number',
		icon: 'icon-number',
		options: {
			width: '',
			required: false,
			defaultValue: 0,
			min: '',
			max: '',
			step: 1,
			disabled: false,
			controlsPosition: ''
		}
	},
	{
		name: '单选按钮',
		type: 'radio',
		icon: 'icon-radio-active',
		options: {
			inline: false,
			defaultValue: '',
			showLabel: false,
			options: [
				{
					value: 'Option 1',
					label: 'Option 1'
				},
				{
					value: 'Option 2',
					label: 'Option 2'
				},
				{
					value: 'Option 3',
					label: 'Option 3'
				}
			],
			required: false,
			width: '',
			remote: false,
			remoteOptions: [],
			props: {
				value: 'value',
				label: 'label'
			},
			remoteFunc: '',
			disabled: false,
		}
	},
	{
		name: '多选按钮',
		type: 'checkbox',
		icon: 'icon-check-box',
		options: {
			inline: false,
			defaultValue: [],
			showLabel: false,
			options: [
				{
					value: 'Option 1'
				},
				{
					value: 'Option 2'
				},
				{
					value: 'Option 3'
				}
			],
			required: false,
			width: '',
			remote: false,
			remoteOptions: [],
			props: {
				value: 'value',
				label: 'label'
			},
			remoteFunc: '',
			disabled: false,
		}
	},
	{
		name: '时间选择',
		type: 'time',
		icon: 'icon-time',
		options: {
			defaultValue: '21:19:56',
			readonly: false,
			disabled: false,
			editable: true,
			clearable: true,
			placeholder: '',
			startPlaceholder: '',
			endPlaceholder: '',
			isRange: false,
			arrowControl: true,
			format: 'HH:mm:ss',
			required: false,
			width: '',
		}
	},
	{
		name: '日期选择',
		type: 'date',
		icon: 'icon-date',
		options: {
			defaultValue: '',
			readonly: false,
			disabled: false,
			editable: true,
			clearable: true,
			placeholder: '',
			startPlaceholder: '',
			endPlaceholder: '',
			type: 'date',
			format: 'yyyy-MM-dd',
			timestamp: false,
			required: false,
			width: '',
		}
	},
	{
		name: '评分',
		type: 'rate',
		icon: 'icon-pingfen1',
		options: {
			defaultValue: null,
			max: 5,
			disabled: false,
			allowHalf: false,
			required: false
		}
	},
	{
		name: '选色器',
		type: 'color',
		icon: 'icon-color',
		options: {
			defaultValue: '',
			disabled: false,
			showAlpha: false,
			required: false
		}
	},
	{
		name: '下拉选择框',
		type: 'select',
		icon: 'icon-select',
		options: {
			defaultValue: '',
			multiple: false,
			disabled: false,
			clearable: false,
			placeholder: '',
			required: false,
			showLabel: false,
			width: '',
			options: [
				{
					value: 'Option 1'
				},
				{
					value: 'Option 2'
				}, {
					value: 'Option 3'
				}
			],
			remote: false,
			filterable: false,
			remoteOptions: [],
			props: {
				value: 'value',
				label: 'label'
			},
			remoteFunc: ''
		}
	},
	{
		name: '开关',
		type: 'switch',
		icon: 'icon-switch',
		options: {
			defaultValue: false,
			required: false,
			disabled: false,
		}
	},
	{
		name: '滑块',
		type: 'slider',
		icon: 'icon-slider',
		options: {
			defaultValue: 0,
			disabled: false,
			required: false,
			min: 0,
			max: 100,
			step: 1,
			showInput: false,
			range: false,
			width: ''
		}
	},
	{
		name: '文字',
		type: 'text',
		icon: 'icon-wenzishezhi-',
		options: {
			defaultValue: 'This is a text',
			customClass: '',
		}
	}
]

export const advanceComponents = [
	{
		type: 'blank',
		icon: 'icon-zidingyishuju',
		options: {
			defaultType: 'String'
		}
	},
	{
		type: 'imgupload',
		icon: 'icon-tupian',
		options: {
			defaultValue: [],
			size: {
				width: 100,
				height: 100,
			},
			width: '',
			tokenFunc: 'funcGetToken',
			token: '',
			domain: 'http://pfp81ptt6.bkt.clouddn.com/',
			disabled: false,
			length: 8,
			multiple: false,
			isQiniu: false,
			isDelete: false,
			min: 0,
			isEdit: false,
			action: 'https://jsonplaceholder.typicode.com/photos/'
		}
	},
	{
		type: 'editor',
		icon: 'icon-fuwenbenkuang',
		options: {
			defaultValue: '',
			width: ''
		}
	},
	{
		type: 'cascader',
		icon: 'icon-jilianxuanze',
		options: {
			defaultValue: [],
			width: '',
			placeholder: '',
			disabled: false,
			clearable: false,
			remote: true,
			remoteOptions: [],
			props: {
				value: 'value',
				label: 'label',
				children: 'children'
			},
			remoteFunc: ''
		}
	}
]

export const layoutComponents = [
	{
		name: "网格布局",
		type: 'grid',
		icon: 'icon-grid-',
		columns: [
			{
				span: 12,
				list: []
			},
			{
				span: 12,
				list: []
			}
		],
		options: {
			gutter: 0,
			justify: 'start',
			align: 'top'
		}
	}
]